<template>
  <div class="order-container">
    <div class="order-title">
      <span>订单列表</span>
    </div>
    <div class="order-box">
        <img class="order-img" src="../../assets/images/order/person.png">
        <text class="order-text">登录后查看外卖订单</text>
      <van-button class="order-btn" type="primary" to="/login">立即登录</van-button>
    </div>
  </div>
  <!-- <allFootVue></allFootVue> -->
</template>

<script >
// import allFootVue from '@/components/allFoot.vue'
export default {
  name: 'wmOrder'
  // components: {
  //   allFootVue
  // }
}
</script>

<style scoped>
.order-container {
  height: 100vh;
  background: #f5f5f5;
}
.order-title {
  width: 100%;
  height: 1.087rem;
  background-color: #0a92e7;
  font-size: 0.5314rem;
  color: #fff;
  line-height: 1.087rem;
  text-align: center;
}
.order-box {
  display: flex;
  /* background: #fff; */
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 2.2947rem;
}
.order-img {
  width: 6.0058rem;
  height: 6.0058rem;
}
.order-text {
  font-size: 0.4106rem;
  color: #6a6a6a;
  padding: 0.2415rem 0;
}
.order-btn {
  width: 2.3188rem;
  height: 0.9469rem;
  border-radius: 0.1208rem;
  font-size: 0.3382rem;
}
</style>
